<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<%include("/common/include.html"){}%>
		<style type="text/css">
			ul{
				height:auto;
				width:100%;
				padding:10px;
			}
			ul li{
				width:230px;
				display:inline-block;
			}
		</style>
	</head>
	<body class="easyui-layout">
	
		<div data-options="region:'center'" style="overflow-x:hidden;">
		<input  id="ids" name="_query.ids" type="hidden" value="${ids! }">
		<table class="easyui-datagrid" id ="bussinessDetail" style="width:100%;height:auto;"></table>
		</div>
		
		
		
		<script>
		
		
		function queryBussiness(){
			$('#bussinessDetail').datagrid({
				cls: "theme-datagrid",
				singleSelect: true,
				rownumbers: true, //显示序号
				fitColumns:true,
				pagination: false,
				url: "${cxt !}/businessQuery/busDetail",
				queryParams: {
					'ids': $("#ids").val(),
				},
			    method: 'post',
			    collapsible:true,
			    columns:[[
							{field:'ids',title:'ids',width:10,align:'center',hidden:true},
							{field:'newhphm',title:'车牌号',width:10,align:'center'},
							{field:'newownername',title:'所有人',width:10, align:'center'},
							{field:'type',title:'业务类型',width:10,align:'center'},
							{field:'ywsldate',title:'办理时间',width:10, align:'center'},
							{field:'clpp',title:'车辆品牌',width:10, align:'center'},
							{field:'gddate',title:'归档时间',width:10, align:'center'},
							{field:'ywsljbr',title:'业务受理</br>经办人',width:10, align:'center'},
							{field:'lqhpjbr',title:'领取号牌</br>经办人',width:10, align:'center'},
							{field:'lqzjjbr',title:'领取证件</br>经办人',width:10, align:'center'},
							{field:'gdjbr',title:'归档</br>经办人',width:10, align:'center'},
							{field:'status',title:'状态',width:10, align:'center',
								formatter: function(value,row,index){
									if(row.status == '1'){
										return  '已注册';
									}else
									if(row.status == '2'){
										return  '已分配车牌';
									}else
									
									if(row.status == '3'){
										return  '已制证';
									}else{
										return  '已注册';
									}
								},
								styler: function (value, row, index) {
									if(row.zdyzt == '1'){
										return 'color:green';
									}else
									if(row.zdyzt == '2'){
										return 'color:#5798fc';
									}else
									
									if(row.zdyzt == '3'){
										 return 'color:red';
									}else{
										return 'color:green';
									}
								
						             
						        }
							},
							{field:'hpstatus',title:'号牌</br>领取状态',width:10, align:'center',
								formatter: function(value,row,index){
									if(row.status == '1'){
										return  '已领取';
									}else if(row.status == '0'){
										return  '未领取';
									}
								},
								styler: function (value, row, index) {
									if(row.zdyzt == '1'){
										return 'color:green';
									}else
									if(row.zdyzt == '0'){
										return 'color:#5798fc';
									}
								
						             
						        }
							},
							
							{field:'zjstatus',title:'证件</br>领取状态',width:10, align:'center',
								formatter: function(value,row,index){
									if(row.status == '1'){
										return  '已领取';
									}else if(row.status == '0'){
										return  '未领取';
									}
								},
								styler: function (value, row, index) {
									if(row.zdyzt == '1'){
										return 'color:green';
									}else
									if(row.zdyzt == '0'){
										return 'color:#5798fc';
									}
								
						             
						        }
							}
													
							]]
			})
			
		}
		
		
		$(document).ready(function () {
			 queryBussiness();
		});
		
		
		
		
		</script>
	</body>
</html>
